import React, { Component, Fragment } from 'react';
import { formatMessage } from 'umi-plugin-react/locale';
import { connect } from 'dva';
import Link from 'umi/link';
import { Icon } from 'antd';
import GlobalFooter from '@/components/GlobalFooter';
import DocumentTitle from 'react-document-title';
import SelectLang from '@/components/SelectLang';
import styles from './UserLayout.less';
import logo from '../assets/hichainLogo.png';
import { routerRedux } from 'dva/router';
import getPageTitle from '@/utils/getPageTitle';

const links = [
  // {
  //   key: 'help',
  //   title: formatMessage({ id: 'layout.user.link.help' }),
  //   href: '',
  // },
  // {
  //   key: 'privacy',
  //   title: formatMessage({ id: 'layout.user.link.privacy' }),
  //   href: '',
  // },
  // {
  //   key: 'terms',
  //   title: formatMessage({ id: 'layout.user.link.terms' }),
  //   href: '',
  // },
];

const copyright = (
  <Fragment>
    {/* Copyright <Icon type="copyright" /> 2019 海晨物流集团 */}
    Copyright <Icon type="copyright" /> 2020 Lenovo - CAP
  </Fragment>
);

class UserLayout extends Component {
  componentDidMount() {
    const {
      dispatch,
      route: { routes, authority },
    } = this.props;
    dispatch({
      type: 'menu/getMenuData',
      payload: { routes, authority },
    });
  }

  render() {
    const {
      children,
      location: { pathname },
      breadcrumbNameMap,
    } = this.props;
    return (
      <DocumentTitle title={getPageTitle(pathname, breadcrumbNameMap)}>
        <div className={styles.container}>
          <div className={styles.lang}>{/* <SelectLang /> */}</div>
          <div className={styles.content}>
            <div className={styles.top}>
              <div className={styles.header} >
                <Link to="/">
                  <div style={{ marginBottom: '20px', position: 'relative' }}>
                    <img alt="logo" className={styles.logo} src={logo} />
                    {/* <div  style={{position:'absolute',bottom:'-15px',left:'49.5%'}}>
                  <span className={styles.title} style={{fontSize:'14PX'}}>海晨物流跟踪平台系统 V1.0</span>
                  </div> */}
                  </div>
                </Link>
              </div>
              <div className={styles.desc}>
                {/* Ant Design 是西湖区最具影响力的 Web 设计规范 */}
              </div>
            </div>
            {children}
          </div>
          <GlobalFooter links={links} copyright={copyright} />
        </div>
      </DocumentTitle>
    );
  }
}

export default connect(({ menu: menuModel }) => ({
  menuData: menuModel.menuData,
  breadcrumbNameMap: menuModel.breadcrumbNameMap,
}))(UserLayout);
